<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
    <title>niivue test</title>
  </head>
  <body>
    <noscript>
      <strong
        >niivue doesn't work properly without JavaScript enabled. Please enable
        it to continue.</strong
      >
    </noscript>

    <!-- demo 1 -->
    <section>
      <div id="demo1" style="width: 800px; height: 400px; margin: 20px">
        <canvas id="gl1" height="480" width="640"> </canvas>
      </div>
    </section>

    <!-- demo 2 -->
    <section>
      <div id="demo2" style="width: 800px; height: 400px; margin: 20px">
        <canvas id="gl2" height="480" width="640"> </canvas>
      </div>
    </section>

    <script type="module">
      import * as niivue from '../dist/index.js'
      globalThis.Niivue = niivue.Niivue
      globalThis.niivue = niivue
    </script>
  </body>
</html>
